<template>
  <div>
       <header>
        <div class="title">
            <span class="iconfont">&#xe6bc;</span>
            <h2>确认订单</h2>
            <p>
                <span class="iconfont">&#xf0112;</span>
                <span class="iconfont">&#xe71e;</span>
                <i></i>
            </p>  
        </div>
        <div class="site">
            <p>代用名 188****8888</p>
            <p>北京 北京市 昌平区 朱辛庄中共教育培训基地IT教学楼 2号楼 2204室</p>
        </div>
    </header>
    <section>
        <h2 class="title">
            <span class="iconfont">&#xe612;</span>
            <span>品牌精选</span>
            <span>已免运费</span>
            <b>|</b>
            <span>领劵</span>
        </h2>
        <article>
            <img src="images/shop.jpg" alt="">
            <div class="text">
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶150ML 浸透舒缓</p>
                <p class="clearfix"><span><i>￥</i>999</span> <b>x1</b></p>
                <p><em>7天无理由退货</em> <i>特价</i></p>
            </div>
        </article>
        <article>
            <img src="images/shop.jpg" alt="">
            <div class="text">
                <p>溪牧原山茶花洁面泡沫 氨基酸洗面奶150ML 浸透舒缓</p>
                <p class="clearfix"><span><i>￥</i>999</span> <b>x1</b></p>
                <p><em>7天无理由退货</em> <i>特价</i></p>
            </div>
        </article>
        <div class="text1">
            <p class="clearfix"> <span>发票类型</span> <b class="cur iconfont">不开发票 &#xe601;</b></p>
            <p class="clearfix"> <span>售后免邮</span> <b>部分商家赠送</b></p>
            <p class="clearfix"> <span>买家留言</span> <b>填写内容需要与商家协商并确定，45字以内</b></p>
        </div>   
    </section>
    <div id="end">
        <p class="clearfix"> 
            <span>商品金额</span> <b>￥1998</b> 
        </p>
        <p class="clearfix"> 
            <span>优惠活动</span> <b class="cur">-￥200</b>
        </p>
        <p class="clearfix">
            <span>优惠劵</span> <b>暂无可用</b>
        </p>
    </div>
    <footer>
        <p class="one"><span>合计</span><i>已免运费</i></p>
        <p><span class="cur">￥1998</span><i>已优惠￥200元</i></p>
        <input type="text" value="确认订单">
    </footer>
  </div>
</template>

<script>
export default {

}
</script>

<style>
@import "../../public/css/order.css";
</style>